<template>
    <div >
        <el-button size="small" type="primary" @click="click">查看</el-button>
        <el-dialog
                append-to-body
                :visible.sync="dialogVisible"
                fullscreen
                :before-close="handleClose">
            <XDFullScreenA :config="config" :data="data"></XDFullScreenA>
        </el-dialog>
    </div>
</template>
<script>
    import XDFullScreen from "@/components/EleTableComp/XDFullScreen";
    import {typeJson} from "@/components/EleTableComp/config";
    export default {
        props: ['data'],
        data() {
            return {
                dialogVisible: false,
                 config: [
                    {
                        label: '隐患详情',
                        ruleForm: [
                            {
                                label: '隐患级别',
                                prop: 'level',
                                type: 'dropDown',
                                list: typeJson.level,
                                value: ''
                            },
                            {
                                label: '隐患部位',
                                prop: 'part',
                                value: ''
                            },
                            {
                                label: '隐患来源',
                                prop: 'source',
                                type: 'dropDown',
                                list: typeJson.source,
                                value: ''
                            },
                            {
                                label: '隐患类别',
                                prop: 'name',
                                type: 'dropDown',
                                value: ''
                            },
                            {
                                label: '隐患描述',
                                prop: 'content',
                                value: '',
                                type: 'textArea',  
                            },
                            {
                                label: '隐患发现人',
                                prop: 'discoverMan',
                                value: ''
                            },
                            {
                                label: '发现时间',
                                prop: 'discoverDate',
                                value: ''
                            },
                            {
                                label: '隐患照片',
                                type: 'download',
                                prop: 'riskPhoto',
                                value: ''
                            },
                              {
                               label: '核查人',
                                prop: 'verifyMan',
                                value: ''  
                            }
                        ],
                        ruleFormData: {},
                         disabled: true,
                        // insert: {
                        //     url: '/urgentrescueprotocol/edit',
                        //     method: 'POST',
                        //     data: "this.config.ruleForm",
                        //     mineId: true
                        // },
                    },
                    {
                        label: '核查情况',
                        ruleForm: [
                            {
                                label: '整改要求',
                                prop: 'rectifyRequire',
                                value: ''
                            },
                            {
                                label: '整改类型',
                                prop: 'rectifyType',
                                type: 'dropDown',
                                list: typeJson.rectifyType,
                                value: ''
                            },
                             {
                                label: '整改方式',
                                prop: 'rectifyWay',
                                type: 'dropDown',
                                list: typeJson.rectifyWay,  
                                value: ''
                            },
                            {
                                label: '整改期限',
                                prop: 'rectifyExpires',
                                value: ''
                            },
                            {
                                label: '整改负责人',
                                prop: 'rectifyMan',
                                value: ''
                            },
                            {
                                label: '联系电话',
                                prop: 'phone',
                                value: ''
                            },
                        ],
                        ruleFormData: {},
                         disabled: true
                    },
                         {
                        label: '整改情况',
                        ruleForm: [
                            {
                                label: '整改状态',
                                prop: 'rectifyStatus',
                                type: 'dropDown',
                                list: typeJson.rectifyStatus,
                                value: ''
                            },
                            {
                                label: '整改完成时间',
                                prop: 'rectifyFinishDate',
                                value: ''
                            },
                            {
                                label: '整改图片',
                                prop: 'afterPhoto',
                                type: 'download',
                                value: '',
                            },
                               {
                                label: '整改情况',
                                prop: 'rectifyCase',
                                value: '',
                                  type:"textArea"
                            },
                        ],
                        ruleFormData: {},
                         disabled: true
                    },
                         {
                        label: '复查情况',
                        ruleForm: [
                            {
                                label: '复查结果',
                                prop: 'reviewStatus',
                                type: 'dropDown',
                                list: typeJson.reviewStatus,
                                value: ''
                            },
                            {
                                label: '复查人或单位',
                                prop: 'reviewMan',
                                value: ''
                            },
                            {
                                label: '复查意见',
                                prop: 'reviewOpinion',
                                required: true,
                                value: ''
                            },
                            {
                                label: '复查时间',
                                prop: 'reviewDate',
                                type: 'timePicker',
                                value: ''
                            },
                        ],
                        ruleFormData: {},
                      disabled: true
                    },
                    {
                        label: '检查信息',
                        ruleForm: [
                            {
                                label: '检查类别',
                                prop: 'planType',
                                type: 'dropDown',
                                list: typeJson.riskRule,
                                value: ''
                            },
                            {
                                label: '检查名称',
                                prop: 'planName',
                                value: ''
                            },
                            // {
                            //     label: '检查人',
                            //     prop: 'checkMan',
                            //     value: ''
                            // },
                            {
                                label: '检查时间',
                                prop: 'checkDate',
                                value: ''
                            },
                        ],
                        ruleFormData: {},
                         disabled: true
                    },
                ],
            }
        },
        created() {
            // console.log(this.data)
        },
        methods: {
            handleClose() {
                this.dialogVisible = false
            },
            click() {
                this.dialogVisible = true
            }
        },
        components: {
            XDFullScreen
        }
    }
</script>